body{
	font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 
	'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;

}
.navbar{
	margin-bottom: 0;
	background: #ebebeb;
}
.ss-banner {
	background-color: #6f5499;
	padding:30px 0 30px;
	color: #cdbfe3;
    background-image: -webkit-linear-gradient(#563d7c 0%, #6f5499 100%);
    background-image: -o-linear-gradient(#563d7c 0%, #6f5499 100%);
    background-image: linear-gradient(#563d7c 0%, #6f5499 100%);
}
.ss-banner p{
	font-weight: 300;
	font-size: 1.5em;
}
.ss-main{
	margin-top: 30px;
}
.ss-panel-img{
	width:80px;
	height: 80px;
	float: left;
	padding-right: 3px;
}
.list-group-item p{
	font-size: 12px;
}
.list-group-item h4{
	overflow: hidden;
}
.ss-ul{
	margin-left: 4px;
	padding-left: 4px;
}
.ss-ul a{
	font-size: 12px;
}
.ss-subject{
	border-left:2px solid #6f5499;
	/*border-bottom:1px solid #ccc;*/
	background: #ebebeb;
	padding:10px 5px;

}
.ss-box{
            border:1px solid #ccc;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
            padding:5px;
}
 .ss-box:hover{
           /* border-radius: 50%;*/
            background:#0090d9;
            box-shadow: 5px 10px 10px rgba(0,0,0,.3);
            
            -webkit-animation: myfirst 3s;
            -webkit-animation-iteration-count:3;
            -webkit-animation-direction:alternate;
            
}
.footer-container{
	padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  text-align: left;
  background-color: #111;
}